﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Default.aspx.cs" Inherits="AiRiZu.Default" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>首页</title>
    <link href="css/style.css" rel="stylesheet" type="text/css" />

    <script language="javascript" type="text/javascript">
        function toggleLocationPop() {
            if (document.getElementById("cityPop").style.display == "none") {
                document.getElementById("cityPop").style.display = "block";
                document.getElementById("cityname").style.display = "block";
            }
            else {
                document.getElementById("cityPop").style.display = "none";
            }
        }
    </script>

    <script language="javascript" type="text/javascript">
        function hid(citytypeid, citytypeid1, citytypeid2, citytypeid3, citytypeid4) {
            document.getElementById("cityname").style.display = "block";
            document.getElementById(citytypeid).style.display = "block";
            document.getElementById(citytypeid1).style.display = "none";
            document.getElementById(citytypeid2).style.display = "none";
            document.getElementById(citytypeid3).style.display = "none";
            document.getElementById(citytypeid4).style.display = "none";
        }
    </script>

    <script language="javascript" type="text/javascript">
        function setSearchCity(id1, id2, id3) {
            document.getElementById("searchCity").value = id3;
            document.getElementById("searchCityValue").value = id3;
            document.getElementById("cityPop").style.display = "none";
            document.getElementById("cityname").style.display = "none";
        }
    </script>

    <script language="javascript" type="text/javascript">
        function mydis() {
            var chan = document.getElementById("change");
            var img1 = document.getElementById("img1");
            var img2 = document.getElementById("img2");
            var img3 = document.getElementById("img3");
            //chan.scrollTop = chan.scrollHeight

            //var top = chan.offsetTop;
            if (img1.style.display == "block") {
                img2.style.display = "block";
                img1.style.display = "none";
                img3.style.display = "none";
            }
            else {
                if (img2.style.display == "block") {
                    img3.style.display = "block";
                    img1.style.display = "none";
                    img2.style.display = "none";
                }
                else {
                    if (img3.style.display == "block") {
                        img1.style.display = "block";
                        img2.style.display = "none";
                        img3.style.display = "none";
                    }
                }

            }
            //chan.offsetTop = "8";
            //alert(chan.offsetTop);
        }
    </script>

    <script language="javascript" type="text/javascript">
        function setClass(a) {
            var ul = a.parentNode;
            var lis = ul.getElementsByTagName("li");
            for (var i = 0; i < lis.length; i++) {
                lis[i].className = "";
                var divs = lis[i].getElementsByTagName("div");
                divs[0].style.display = "block";
                divs[1].style.display = "none";
                if (lis[i] == a) {
                    lis[i].className = "li_hover";
                    divs[0].style.display = "none";
                    divs[1].style.display = "block";
                }
            }
        }

        function setClassOne(ul) {
            var lis = ul.getElementsByTagName("li");
            for (var i = 0; i < lis.length; i++) {
                var divs = lis[i].getElementsByTagName("div");
                lis[i].className = "";
                divs[0].style.display = "block";
                divs[1].style.display = "none";
            }
            lis[0].className = "li_hover";
            var divs_1 = lis[0].getElementsByTagName("div");
            divs_1[0].style.display = "none";
            divs_1[1].style.display = "block";
        }
   
    </script>

    <%--点击入住时间--%>

    <script type="text/javascript">
        function displaydate() {
            document.getElementById("riqi").style.display = "block";
            document.getElementById("riqi1").style.display = "none";
            var str = "<table cellpadding=\"0\" cellspacing=\"0\" width=\"200\" id=\"riqitable\"><tr><th>日</th><th width=\"28\">一</th><th width=\"28\">二</th><th width=\"28\">三</th><th width=\"28\">四</th><th width=\"28\">五</th><th width=\"28\">六<\/th></tr>";
            //str += "<tr>";
            var mystr = "";
            var myDate = new Date();
            var nowyear = myDate.getFullYear(); //获取当前年份            
            var nowmonth = myDate.getMonth(); //获取当前月份
            var nowday = myDate.getDate();
            var firstdayofweek = new Date(nowyear, nowmonth, 1).getDay(); //获取本年本月1日是一周中的第几天
            var shengyudays = 7 - firstdayofweek;
            var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年本月一共多少天
            document.getElementById("nowdate").innerHTML = changemonth(nowmonth) + "月 " + nowyear + "年";
            var j = 1;
            for (var row = 1; row < 7; row++) {
                for (var cell = 0; cell < 7; cell++) {
                    if (j > daycount) {
                        if (j < row * 7) {
                            for (var i = 0; i < row * 7 - daycount - firstdayofweek; i++) {
                                str += "<td class=\"bg_c6\"></td>";
                            }
                            //str += "</tr>";    
                        }
                        //mystr = str.substring(0, str.lastIndexOf('<tr>'));
                        break;
                    }
                    if (row == "1") {
                        if (cell < firstdayofweek) {
                            str += "<td class=\"bg_c6\"></td>";
                        }
                        else if (j < nowday) {
                            str += "<td class=\"bg_c6\">" + j + "</td>";
                            j = j + 1;
                        }
                    }
                    else if (j < nowday) {
                        str += "<td class=\"bg_c6\">" + j + "</td>";
                        j = j + 1;
                    }
                    else if (j == nowday) {
                        str += "<td class=\"bg_blue\" style=\"cursor:hand\" onclick=\"getdate(" + j + ");\">" + j + "</td>";
                        j = j + 1;
                    }
                    else {
                        str += "<td onmouseout=\"returncss(\'td" + j + "\');\" onmousemove=\"getcss(\'td" + j + "\');\" id=\"td" + j + "\" style=\"cursor:hand\" onclick=\"getdate(" + j + ");\">" + j + "</td>";
                        j = j + 1;
                    }
                }
                str += "</tr><tr>";
            }
            mystr = str.substring(0, str.lastIndexOf('<tr>'));
            mystr += "</table>";
            document.getElementById("contain").innerHTML = mystr;
        }
        
    </script>

    <%--鼠标移动到日期的样式--%>

    <script type="text/javascript">
        function getcss(aa) {
            document.getElementById(aa).className = "bg_blue";
        }
    </script>

    <%--鼠标移动出日期的样式--%>

    <script type="text/javascript">
        function returncss(bb) {
            document.getElementById(bb).className = "";
        }
    </script>

    <%--点击日期，将日期赋值给入住时间--%>

    <script type="text/javascript">
        function getdate(obj) {
            var myDate = new Date();
            var arr = document.getElementById("nowdate").innerHTML.split(' ');
            var arrmonth = arr[0].split('月');
            var nowmonth = parseInt(changemonth1(arrmonth[0])) + 1;
            if (nowmonth < 10) {
                nowmonth = "0" + nowmonth;
            }
            var arryear = arr[1].split('年');
            var nowyear = arryear[0];
            if (obj < 10) {
                obj = "0" + obj;
            }
            //var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年本月一共多少天
            //            if (obj == daycount) { 
            //                
            //            }
            var myday = obj;
            var nowdate = nowyear + "-" + nowmonth + "-" + myday;
            document.getElementById("ruzhudate").value = nowdate;
            document.getElementById("ruzhudatevalue").value = nowdate;
            document.getElementById("riqi").style.display = "none";
            document.getElementById("riqi1").style.display = "block";
            displaydate1(nowyear, nowmonth, myday);
        }
    </script>

    <%--自动弹出退房时间，入住时间+1天--%>

    <script type="text/javascript">
        function displaydate1(nowyear, nowmonth, nowday) {
            var str = "<table cellpadding=\"0\" cellspacing=\"0\" width=\"200\" id=\"riqitable\"><tr><th>日</th><th width=\"28\">一</th><th width=\"28\">二</th><th width=\"28\">三</th><th width=\"28\">四</th><th width=\"28\">五</th><th width=\"28\">六<\/th></tr>";
            var mystr = "";
            //var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年本月一共多少天
            if (nowmonth < 10) {
                nowmonth = parseInt(nowmonth.replace("0", "")) - 1;
            }
            else {
                nowmonth = parseInt(nowmonth) - 1;
            }
            if (nowday < 10) {
                nowday = nowday.replace("0", "");
            }

            var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年前一个月一共多少天
            if (daycount == nowday) {
                nowday = "0";
                if (nowmonth == 12) {
                    nowyear = nowyear + 1;
                    nowmonth = "1";
                }
                else {
                    nowmonth = nowmonth + 1;
                }
                daycount = new Date(nowyear, nowmonth + 1, 0).getDate();
            }

            var firstdayofweek = new Date(nowyear, nowmonth, 1).getDay(); //获取本年本月1日是一周中的第几天            
            var shengyudays = 7 - firstdayofweek;
            document.getElementById("nowdate1").innerHTML = changemonth(nowmonth) + "月 " + nowyear + "年";
            var rowcount = parseInt(daycount + firstdayofweek) / 7 + 1;
            var j = 1;
            for (var row = 1; row < rowcount; row++) {
                for (var cell = 0; cell < 7; cell++) {
                    if (j > daycount) {
                        if (j < row * 7) {
                            for (var i = 0; i < row * 7 - daycount - firstdayofweek; i++) {
                                str += "<td class=\"bg_c6\"></td>";
                            }
                        }
                        break;
                    }
                    if (row == "1") {
                        if (cell < firstdayofweek) {
                            str += "<td class=\"bg_c6\"></td>";
                        }
                        else if (j < parseInt(nowday) + 1) {
                            str += "<td class=\"bg_c6\">" + j + "</td>";
                            j = j + 1;
                        }
                        else if (j == nowday + 1) {
                            str += "<td class=\"bg_blue\" style=\"cursor:hand\" onclick=\"getdate1(" + j + ");\">" + j + "</td>";
                            j = j + 1;
                        }
                        else {
                            str += "<td onmouseout=\"returncss(\'mytd" + j + "\');\" onmousemove=\"getcss(\'mytd" + j + "\');\" id=\"mytd" + j + "\" style=\"cursor:hand\" onclick=\"getdate1(" + j + ");\">" + j + "</td>";
                            j = j + 1;
                        }
                    }
                    else if (j == parseInt(nowday) + 1) {
                        str += "<td class=\"bg_blue\" style=\"cursor:hand\" onclick=\"getdate1(" + j + ");\">" + j + "</td>";
                        j = j + 1;
                    }
                    else if (j < parseInt(nowday) + 1) {
                        str += "<td class=\"bg_c6\">" + j + "</td>";
                        j = j + 1;
                    }
                    else {
                        str += "<td onmouseout=\"returncss(\'mytd" + j + "\');\" onmousemove=\"getcss(\'mytd" + j + "\');\" id=\"mytd" + j + "\" style=\"cursor:hand\" onclick=\"getdate1(" + j + ");\">" + j + "</td>";
                        j = j + 1;
                    }
                }
                str += "</tr><tr>";
            }
            mystr = str.substring(0, str.lastIndexOf('<tr>'));
            mystr += "</table>";
            document.getElementById("contain1").innerHTML = mystr;
        }
        
    </script>

    <%--获取退房时间--%>

    <script type="text/javascript">
        function getdate1(obj) {
            var arr = document.getElementById("nowdate1").innerHTML.split(' ');
            var arrmonth = arr[0].split('月');
            var nowmonth = parseInt(changemonth1(arrmonth[0])) + 1;
            if (nowmonth < 10) {
                nowmonth = "0" + nowmonth;
            }
            var arryear = arr[1].split('年');
            var nowyear = arryear[0];
            if (obj < 10) {
                obj = "0" + obj;
            }
            var myday = obj;
            var nowdate = nowyear + "-" + nowmonth + "-" + myday;
            document.getElementById("ruzhudate1").value = nowdate;
            document.getElementById("ruzhudate1value").value = nowdate;
            //            document.getElementById("riqi").style.display = "none";
            document.getElementById("riqi1").style.display = "none";
            //            displaydate1(nowyear, nowmonth, myday);
        }
    </script>

    <%--点击退房时间控件--%>

    <script type="text/javascript">
        function gettuifangdate() {
            document.getElementById("riqi").style.display = "none";
            document.getElementById("riqi1").style.display = "block";
            if (document.getElementById("ruzhudate").value = "yyyy-mm-dd") {
                var str = "<table cellpadding=\"0\" cellspacing=\"0\" width=\"200\" id=\"riqitable\"><tr><th>日</th><th width=\"28\">一</th><th width=\"28\">二</th><th width=\"28\">三</th><th width=\"28\">四</th><th width=\"28\">五</th><th width=\"28\">六<\/th></tr>";
                //str += "<tr>";
                var mystr = "";
                var myDate = new Date();
                var nowyear = myDate.getFullYear(); //获取当前年份            
                var nowmonth = myDate.getMonth(); //获取当前月份
                var nowday = myDate.getDate();
                var firstdayofweek = new Date(nowyear, nowmonth, 1).getDay(); //获取本年本月1日是一周中的第几天
                var shengyudays = 7 - firstdayofweek;
                var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年本月一共多少天
                document.getElementById("nowdate1").innerHTML = changemonth(nowmonth) + "月 " + nowyear + "年";
                var rowcount = parseInt(daycount + firstdayofweek) / 7 + 1;
                var j = 1;
                for (var row = 1; row < rowcount; row++) {
                    for (var cell = 0; cell < 7; cell++) {
                        if (j > daycount) {
                            if (j < row * 7) {
                                for (var i = 0; i < row * 7 - daycount - firstdayofweek; i++) {
                                    str += "<td class=\"bg_c6\"></td>";
                                }
                                //str += "</tr>";    
                            }
                            //mystr = str.substring(0, str.lastIndexOf('<tr>'));
                            break;
                        }
                        if (row == "1") {
                            if (cell < firstdayofweek) {
                                str += "<td class=\"bg_c6\"></td>";
                            }
                            else if (j < nowday) {
                                str += "<td class=\"bg_c6\">" + j + "</td>";
                                j = j + 1;
                            }
                        }
                        else if (j < nowday) {
                            str += "<td class=\"bg_c6\">" + j + "</td>";
                            j = j + 1;
                        }
                        else if (j == nowday) {
                            str += "<td class=\"bg_blue\" style=\"cursor:hand\" onclick=\"getdate2(" + j + ");\">" + j + "</td>";
                            j = j + 1;
                        }
                        else {
                            str += "<td onmouseout=\"returncss(\'td" + j + "\');\" onmousemove=\"getcss(\'td" + j + "\');\" id=\"td" + j + "\" style=\"cursor:hand\" onclick=\"getdate2(" + j + ");\">" + j + "</td>";
                            j = j + 1;
                        }
                    }
                    str += "</tr><tr>";
                }
                mystr = str.substring(0, str.lastIndexOf('<tr>'));
                mystr += "</table>";
                document.getElementById("contain1").innerHTML = mystr;
            }

        }
        
    </script>

    <%--当入住时间为yyyy-mm-dd时，点击退房时间控件--%>

    <script type="text/javascript">
        function getdate2(obj) {
            var arr = document.getElementById("nowdate1").innerHTML.split(' ');
            var arrmonth = arr[0].split('月');
            var nowmonth = parseInt(changemonth1(arrmonth[0])) + 1;
            if (nowmonth < 10) {
                nowmonth = "0" + nowmonth;
            }
            var arryear = arr[1].split('年');
            var nowyear = arryear[0];
            if (obj < 10) {
                obj = "0" + obj;
            }
            var myday = obj;
            var nowdate = nowyear + "-" + nowmonth + "-" + myday;
            document.getElementById("ruzhudate1").value = nowdate;
            document.getElementById("ruzhudate1value").value = nowdate;
            document.getElementById("riqi1").style.display = "none";
            document.getElementById("riqi").style.display = "block";
            displaydate2(nowyear, nowmonth, myday);
        }
    </script>

    <%--当先选择退房时间，入住时间-1天--%>

    <script type="text/javascript">
        function displaydate2(nowyear, nowmonth, nowday) {
            var str = "<table cellpadding=\"0\" cellspacing=\"0\" width=\"200\" id=\"riqitable\"><tr><th>日</th><th width=\"28\">一</th><th width=\"28\">二</th><th width=\"28\">三</th><th width=\"28\">四</th><th width=\"28\">五</th><th width=\"28\">六<\/th></tr>";
            var mystr = "";
            //var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年本月一共多少天
            if (nowmonth < 10) {
                nowmonth = parseInt(nowmonth.replace("0", "")) - 1;
            }
            else {
                nowmonth = parseInt(nowmonth) - 1;
            }
            if (nowday < 10) {
                nowday = nowday.replace("0", "");
            }

            var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年前一个月一共多少天
            if (nowday == "1") {
                if (nowmonth == "1") {
                    nowyear = nowyear - 1;
                    nowmonth = "12";
                }
                else {
                    nowmonth = nowmonth - 1;
                }
                daycount = new Date(nowyear, nowmonth - 1, 0).getDate();
                nowday = daycount;
            }
            else {
                nowday = nowday - 1;
            }

            var firstdayofweek = new Date(nowyear, nowmonth, 1).getDay(); //获取本年本月1日是一周中的第几天            
            var shengyudays = 7 - firstdayofweek;
            document.getElementById("nowdate").innerHTML = changemonth(nowmonth) + "月 " + nowyear + "年";
            var rowcount = parseInt(daycount + firstdayofweek) / 7 + 1;
            var j = 1;
            for (var row = 1; row < rowcount; row++) {
                for (var cell = 0; cell < 7; cell++) {
                    if (j > daycount) {
                        if (j < row * 7) {
                            for (var i = 0; i < row * 7 - daycount - firstdayofweek; i++) {
                                str += "<td class=\"bg_c6\"></td>";
                            }
                        }
                        break;
                    }
                    if (row == "1") {
                        if (cell < firstdayofweek) {
                            str += "<td class=\"bg_c6\"></td>";
                        }
                        else if (j < parseInt(nowday) - 1) {
                            str += "<td class=\"bg_c6\">" + j + "</td>";
                            j = j + 1;
                        }
                        else if (j == nowday) {
                            str += "<td class=\"bg_blue\" style=\"cursor:hand\" onclick=\"getdate(" + j + ");\">" + j + "</td>";
                            j = j + 1;
                        }
                        else {
                            str += "<td onmouseout=\"returncss(\'td" + j + "\');\" onmousemove=\"getcss(\'td" + j + "\');\" id=\"td" + j + "\" style=\"cursor:hand\" onclick=\"getdate(" + j + ");\">" + j + "</td>";
                            j = j + 1;
                        }
                    }
                    else if (j == parseInt(nowday)) {
                        str += "<td class=\"bg_blue\" style=\"cursor:hand\" onclick=\"getdate(" + j + ");\">" + j + "</td>";
                        j = j + 1;
                    }
                    else if (j < parseInt(nowday) + 1) {
                        str += "<td class=\"bg_c6\">" + j + "</td>";
                        j = j + 1;
                    }
                    else {
                        str += "<td onmouseout=\"returncss(\'td" + j + "\');\" onmousemove=\"getcss(\'td" + j + "\');\" id=\"td" + j + "\" style=\"cursor:hand\" onclick=\"getdate(" + j + ");\">" + j + "</td>";
                        j = j + 1;
                    }
                }
                str += "</tr><tr>";
            }
            mystr = str.substring(0, str.lastIndexOf('<tr>'));
            mystr += "</table>";
            document.getElementById("contain").innerHTML = mystr;
        }
        
    </script>

    <%--阿拉伯数字月份转化成汉字月份--%>

    <script type="text/javascript">
        function changemonth(month) {
            var nowmonth = "";
            if (month == "0") {
                nowmonth = "一";
            }
            if (month == "1") {
                nowmonth = "二";
            }
            if (month == "2") {
                nowmonth = "三";
            }
            if (month == "3") {
                nowmonth = "四";
            }
            if (month == "4") {
                nowmonth = "五";
            }
            if (month == "5") {
                nowmonth = "六";
            }
            if (month == "6") {
                nowmonth = "七";
            }
            if (month == "7") {
                nowmonth = "八";
            }
            if (month == "8") {
                nowmonth = "九";
            }
            if (month == "9") {
                nowmonth = "十";
            }
            if (month == "10") {
                nowmonth = "十一";
            }
            if (month == "11") {
                nowmonth = "十二";
            }
            return nowmonth;
        }
    </script>

    <%--汉字月份转化成阿拉伯数字月份--%>

    <script type="text/javascript">
        function changemonth1(month) {
            var nowmonth = "";
            if (month == "一") {
                nowmonth = "0";
            }
            if (month == "二") {
                nowmonth = "1";
            }
            if (month == "三") {
                nowmonth = "2";
            }
            if (month == "四") {
                nowmonth = "3";
            }
            if (month == "五") {
                nowmonth = "4";
            }
            if (month == "六") {
                nowmonth = "5";
            }
            if (month == "七") {
                nowmonth = "6";
            }
            if (month == "八") {
                nowmonth = "7";
            }
            if (month == "九") {
                nowmonth = "8";
            }
            if (month == "十") {
                nowmonth = "9";
            }
            if (month == "十一") {
                nowmonth = "10";
            }
            if (month == "十二") {
                nowmonth = "11";
            }
            return nowmonth;
        }
    </script>

    <%--清楚日期内容--%>

    <script type="text/javascript">
        function cleardate() {
            document.getElementById("riqi").style.display = "none";
            document.getElementById("riqi1").style.display = "none";
            document.getElementById("ruzhudate").value = "yyy-mm-dd";
            document.getElementById("ruzhudatevalue").value = "yyy-mm-dd";
            document.getElementById("ruzhudate1").value = "yyy-mm-dd";
            document.getElementById("ruzhudate1value").value = "yyy-mm-dd";
        }
    </script>

    <%--入住时间后一个月--%>

    <script type="text/javascript">
        function nextmonth() {
            document.getElementById("riqi").style.display = "block";
            document.getElementById("riqi1").style.display = "none";
            var arr = document.getElementById("nowdate").innerHTML.split(' ');
            var arrmonth = arr[0].split('月');
            var arryear = arr[1].split('年');
            var nowyear = arryear[0];
            var nowmonth = "";
            if (changemonth1(arrmonth[0]) == "11") {
                nowmonth = "0";
                nowyear = parseInt(nowyear) + 1;
            }
            else {
                nowmonth = parseInt(changemonth1(arrmonth[0])) + 1;
            }
            newmonth(nowyear, nowmonth);
            var myDate = new Date();
            var nowyear1 = myDate.getFullYear(); //获取当前年份            
            var nowmonth1 = myDate.getMonth(); //获取当前月份
            if (nowmonth > nowmonth1) {
                if (document.getElementById("xiangqian") != "") {
                    if (document.getElementById("xiangqian") != null) {
                        document.getElementById("xiangqian").className = "l_arrow"; //需要更换的向前图标
                        //                document.getElementById("xiangqian").onclick = "beforedate();";
                        document.getElementById("xiangqian").id = "xiangqian1";
                        document.getElementById("xiangqian1").style.cursor = "hand";
                    }
                }
                else {
                    document.getElementById("xiangqian1").className = "l_arrow"; //需要更换的向前图标
                    //                document.getElementById("xiangqian").onclick = "beforedate();";
                    //document.getElementById("xiangqian").id = "xiangqian1";
                    document.getElementById("xiangqian1").style.cursor = "hand";
                }

            }
        }
    </script>

    <%--入住时间点击下个月后，搭建表--%>

    <script type="text/javascript">
        function newmonth(nowyear, nowmonth) {
            var str = "<table cellpadding=\"0\" cellspacing=\"0\" width=\"200\" id=\"riqitable\"><tr><th>日</th><th width=\"28\">一</th><th width=\"28\">二</th><th width=\"28\">三</th><th width=\"28\">四</th><th width=\"28\">五</th><th width=\"28\">六<\/th></tr>";
            var mystr = "";
            var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年前一个月一共多少天
            var firstdayofweek = new Date(nowyear, nowmonth, 1).getDay(); //获取本年本月1日是一周中的第几天            
            var shengyudays = 7 - firstdayofweek;
            document.getElementById("nowdate").innerHTML = changemonth(nowmonth) + "月 " + nowyear + "年";
            var rowcount = parseInt(daycount + firstdayofweek) / 7 + 1;
            var j = 1;
            for (var row = 1; row < rowcount; row++) {
                for (var cell = 0; cell < 7; cell++) {
                    if (j > daycount) {
                        if (j < row * 7) {
                            for (var i = 0; i < row * 7 - daycount - firstdayofweek; i++) {
                                str += "<td class=\"bg_c6\"></td>";
                            }
                        }
                        break;
                    }
                    if (row == "1") {
                        if (cell < firstdayofweek) {
                            str += "<td class=\"bg_c6\"></td>";
                        }
                        else {
                            str += "<td onmouseout=\"returncss(\'td" + j + "\');\" onmousemove=\"getcss(\'td" + j + "\');\" id=\"td" + j + "\" style=\"cursor:hand\" onclick=\"getdate(" + j + ");\">" + j + "</td>";
                            j = j + 1;
                        }
                    }
                    else {
                        str += "<td onmouseout=\"returncss(\'td" + j + "\');\" onmousemove=\"getcss(\'td" + j + "\');\" id=\"td" + j + "\" style=\"cursor:hand\" onclick=\"getdate(" + j + ");\">" + j + "</td>";
                        j = j + 1;
                    }
                }
                str += "</tr><tr>";
            }
            mystr = str.substring(0, str.lastIndexOf('<tr>'));
            mystr += "</table>";
            document.getElementById("contain").innerHTML = mystr;
        }
        
    </script>

    <%--入住时间前一个月--%>

    <script type="text/javascript">
        function beforedate(obj) {
            document.getElementById("riqi").style.display = "block";
            document.getElementById("riqi1").style.display = "none";
            if (obj == "xiangqian") {
                return;
            }
            else {
                var arr = document.getElementById("nowdate").innerHTML.split(' ');
                var arrmonth = arr[0].split('月');
                var arryear = arr[1].split('年');
                var nowyear = arryear[0];
                var nowmonth = "";
                if (changemonth1(arrmonth[0]) == "0") {
                    nowmonth = "11";
                    nowyear = parseInt(nowyear) - 1;
                }
                else {
                    nowmonth = parseInt(changemonth1(arrmonth[0])) - 1;
                }
                displaydate();
                var myDate = new Date();
                var nowyear1 = myDate.getFullYear(); //获取当前年份            
                var nowmonth1 = myDate.getMonth(); //获取当前月份
                if (nowmonth == nowmonth1) {
                    document.getElementById("xiangqian1").className = "l_arrow";
                }
            }

        }
    </script>

    <%--退房时间后一个月--%>

    <script type="text/javascript">
        function nextmonth1() {
            document.getElementById("riqi").style.display = "none";
            document.getElementById("riqi1").style.display = "block";
            var arr = document.getElementById("nowdate1").innerHTML.split(' ');
            var arrmonth = arr[0].split('月');
            var arryear = arr[1].split('年');
            var nowyear = arryear[0];
            var nowmonth = "";
            if (changemonth1(arrmonth[0]) == "11") {
                nowmonth = "0";
                nowyear = parseInt(nowyear) + 1;
            }
            else {
                nowmonth = parseInt(changemonth1(arrmonth[0])) + 1;
            }
            newmonth1(nowyear, nowmonth);
            var myDate = new Date();
            var nowyear1 = myDate.getFullYear(); //获取当前年份            
            var nowmonth1 = myDate.getMonth(); //获取当前月份
            if (nowmonth > nowmonth1) {
                if (document.getElementById("xiangqian2") != "") {
                    if (document.getElementById("xiangqian2") != null) {
                        document.getElementById("xiangqian2").className = "l_arrow"; //需要更换的向前图标
                        //                document.getElementById("xiangqian").onclick = "beforedate();";
                        document.getElementById("xiangqian2").id = "xiangqian3";
                        document.getElementById("xiangqian3").style.cursor = "hand";
                    }
                }
                else {
                    document.getElementById("xiangqian3").className = "l_arrow"; //需要更换的向前图标
                    //                document.getElementById("xiangqian").onclick = "beforedate();";
                    //document.getElementById("xiangqian").id = "xiangqian1";
                    document.getElementById("xiangqian3").style.cursor = "hand";
                }

            }
        }
    </script>

    <%--退房时间点击下个月后，搭建表--%>

    <script type="text/javascript">
        function newmonth1(nowyear, nowmonth) {
            var str = "<table cellpadding=\"0\" cellspacing=\"0\" width=\"200\" id=\"riqitable\"><tr><th>日</th><th width=\"28\">一</th><th width=\"28\">二</th><th width=\"28\">三</th><th width=\"28\">四</th><th width=\"28\">五</th><th width=\"28\">六<\/th></tr>";
            var mystr = "";
            var daycount = new Date(nowyear, nowmonth + 1, 0).getDate(); //获取本年前一个月一共多少天
            var firstdayofweek = new Date(nowyear, nowmonth, 1).getDay(); //获取本年本月1日是一周中的第几天            
            var shengyudays = 7 - firstdayofweek;
            document.getElementById("nowdate1").innerHTML = changemonth(nowmonth) + "月 " + nowyear + "年";
            var rowcount = parseInt(daycount + firstdayofweek) / 7 + 1;
            var j = 1;
            for (var row = 1; row < rowcount; row++) {
                for (var cell = 0; cell < 7; cell++) {
                    if (j > daycount) {
                        if (j < row * 7) {
                            for (var i = 0; i < row * 7 - daycount - firstdayofweek; i++) {
                                str += "<td class=\"bg_c6\"></td>";
                            }
                        }
                        break;
                    }
                    if (row == "1") {
                        if (cell < firstdayofweek) {
                            str += "<td class=\"bg_c6\"></td>";
                        }
                        else {
                            str += "<td onmouseout=\"returncss(\'mytd" + j + "\');\" onmousemove=\"getcss(\'mytd" + j + "\');\" id=\"mytd" + j + "\" style=\"cursor:hand\" onclick=\"getdate1(" + j + ");\">" + j + "</td>";
                            j = j + 1;
                        }
                    }
                    else {
                        str += "<td onmouseout=\"returncss(\'mytd" + j + "\');\" onmousemove=\"getcss(\'mytd" + j + "\');\" id=\"mytd" + j + "\" style=\"cursor:hand\" onclick=\"getdate1(" + j + ");\">" + j + "</td>";
                        j = j + 1;
                    }
                }
                str += "</tr><tr>";
            }
            mystr = str.substring(0, str.lastIndexOf('<tr>'));
            mystr += "</table>";
            document.getElementById("contain1").innerHTML = mystr;
        }
        
    </script>

    <%--退房时间前一个月--%>

    <script type="text/javascript">
        function beforedate1(obj) {
            document.getElementById("riqi").style.display = "none";
            document.getElementById("riqi1").style.display = "block";
            var nowyear = "";
            var nowmonth = "";
            var nowday = "";
            var myDate = new Date();
            if (obj == "xiangqian2") {
                return;
            }
            else if (document.getElementById("ruzhudate").value == "yyyy-mm-dd") {
                var arr = document.getElementById("nowdate1").innerHTML.split(' ');
                var arrmonth = arr[0].split('月');
                var arryear = arr[1].split('年');
                nowyear = arryear[0];

                if (changemonth1(arrmonth[0]) == "0") {
                    nowmonth = "11";
                    nowyear = parseInt(nowyear) - 1;
                }
                else {
                    nowmonth = parseInt(changemonth1(arrmonth[0])) - 1;
                    if (nowmonth < 10) {
                        nowmonth = "0" + nowmonth;
                    }
                }
                nowday = myDate.getDate();
                nowday = nowday - 1;
                if (nowday < 10) {
                    nowday = "0" + nowday;
                }

            }
            else {
                var ruzhutime = document.getElementById("ruzhudate").value;
                var arrlt = ruzhutime.split('-');
                nowyear = arrlt[0];
                nowmonth = arrlt[1];
                nowday = arrlt[2];
                if (nowday < 10) {
                    nowday = parseInt(nowday.replace("0", ""));
                    if (nowday < 10) {
                        nowday = "0" + nowday;
                    }
                }
            }
            displaydate1(nowyear, nowmonth, nowday);
            var nowmonth1 = myDate.getMonth(); //获取当前月份
            if (nowmonth == nowmonth1) {
                document.getElementById("xiangqian2").className = "l_arrow";
            }
        }
    </script>

</head>
<body>
    <div class="main_index">
        <div class="m_top">
            <div class="top_login">
                <em id="phone_1"></em>
                <span></span>
                <em id="news_1"></em>
                <span><a href="#">媒体报道</a></span>
                <span class="u_login"><a href="/user/login.aspx">登录</a></span>
                <span class="u_regist"><a href="/user/DoRegist.aspx">注册</a></span>
            </div>
        </div>
        <form runat="server">
        <div class="m_left">
            <div class="m_left_t">
            </div>
            <div class="m_left_t_show">
                <span></span><span>70多个城市，3000多个精品短租房等你来选</span>
            </div>
            <div class="m_left_search">
                <div class="m_l_s_i">
                    <ul>
                        <li>
                            <label>
                                入住城市</label>
                            <asp:TextBox ID="searchCityValue" runat="server" value="北京" Style="display: none"></asp:TextBox>
                            <input type="text" class="ipt_1" onclick="toggleLocationPop();" id="searchCity" value="北京"
                                style="color: #FF6600" />
                            <div class="c_city" id="cityPop" style="display: none" style="left: 305px; top: 184px;">
                                <p>
                                    <strong>请点击选择城市</strong><em><a href="#" onclick="toggleLocationPop();" style="cursor: hand">x</a></em></p>
                                <div class="c_city_top">
                                    <a class="c_city_t_a" href="javascript:hid('热门','ABCDF','GHJL','NQRS','TWXYZ');">热门</a>
                                    <a href="javascript:hid('ABCDF','热门','GHJL','NQRS','TWXYZ');">ABCDF</a> <a href="javascript:hid('GHJL','ABCDF','热门','NQRS','TWXYZ');">
                                        GHJL</a> <a href="javascript:hid('NQRS','ABCDF','GHJL','热门','TWXYZ');">NQRS</a>
                                    <a href="javascript:hid('TWXYZ','ABCDF','GHJL','NQRS','热门');">TWXYZ</a>
                                </div>
                                <div class="c_city_main" id="cityname" style="display: none">
                                    <div style="display: block" id="热门">
                                        <a onclick="setSearchCity(this, '110100', '北京');" href="javascript:void(0);"><strong>
                                            北京</strong></a> <a onclick="setSearchCity(this, '120100', '天津');" href="javascript:void(0);">
                                                天津</a> <a onclick="setSearchCity(this, '130300', '秦皇岛');" href="javascript:void(0);">
                                                    秦皇岛</a> <a onclick="setSearchCity(this, '210100', '沈阳');" href="javascript:void(0);">
                                                        沈阳</a> <a onclick="setSearchCity(this, '210200', '大连');" href="javascript:void(0);">
                                                            大连</a> <a onclick="setSearchCity(this, '310100', '上海');" href="javascript:void(0);">
                                                                上海</a> <a onclick="setSearchCity(this, '320100', '南京');" href="javascript:void(0);">
                                                                    南京</a> <a onclick="setSearchCity(this, '320500', '苏州');" href="javascript:void(0);">
                                                                        苏州</a> <a onclick="setSearchCity(this, '330100', '杭州');" href="javascript:void(0);">
                                                                            杭州</a> <a onclick="setSearchCity(this, '350200', '厦门');" href="javascript:void(0);">
                                                                                厦门</a> <a onclick="setSearchCity(this, '370200', '青岛');" href="javascript:void(0);">
                                                                                    青岛</a> <a onclick="setSearchCity(this, '420100', '武汉');" href="javascript:void(0);">
                                                                                        武汉</a> <a onclick="setSearchCity(this, '430100', '长沙');" href="javascript:void(0);">
                                                                                            长沙</a> <a onclick="setSearchCity(this, '440100', '广州');" href="javascript:void(0);">
                                                                                                广州</a> <a onclick="setSearchCity(this, '440300', '深圳');" href="javascript:void(0);">
                                                                                                    深圳</a> <a onclick="setSearchCity(this, '460200', '三亚');" href="javascript:void(0);">
                                                                                                        三亚</a> <a onclick="setSearchCity(this, '500300', '重庆');" href="javascript:void(0);">
                                                                                                            重庆</a> <a onclick="setSearchCity(this, '510100', '成都');" href="javascript:void(0);">
                                                                                                                成都</a> <a onclick="setSearchCity(this, '530700', '丽江');" href="javascript:void(0);">
                                                                                                                    丽江</a>
                                        <a onclick="setSearchCity(this, '610100', '西安');" href="javascript:void(0);">西安</a>
                                    </div>
                                    <div style="display: none" id="ABCDF">
                                        <a onclick="setSearchCity(this, '110100', '北京');" href="javascript:void(0);">北京</a>
                                        <a onclick="setSearchCity(this, '140200', '大同');" href="javascript:void(0);">大同</a>
                                        <a onclick="setSearchCity(this, '140400', '长治');" href="javascript:void(0);">长治</a>
                                        <a onclick="setSearchCity(this, '210600', '丹东');" href="javascript:void(0);">丹东</a>
                                        <a onclick="setSearchCity(this, '220100', '长春');" href="javascript:void(0);">长春</a>
                                        <a onclick="setSearchCity(this, '230600', '大庆');" href="javascript:void(0);">大庆</a>
                                        <a onclick="setSearchCity(this, '320400', '常州');" href="javascript:void(0);">常州</a>
                                        <a onclick="setSearchCity(this, '350100', '福州');" href="javascript:void(0);">福州</a>
                                        <a onclick="setSearchCity(this, '430100', '长沙');" href="javascript:void(0);">长沙</a>
                                        <a onclick="setSearchCity(this, '441900', '东莞');" href="javascript:void(0);">东莞</a>
                                        <a onclick="setSearchCity(this, '450500', '北海');" href="javascript:void(0);">北海</a>
                                        <a onclick="setSearchCity(this, '500300', '重庆');" href="javascript:void(0);">重庆</a>
                                        <a onclick="setSearchCity(this, '510100', '成都');" href="javascript:void(0);">成都</a>
                                    </div>
                                    <div style="display: none" id="GHJL">
                                        <a onclick="setSearchCity(this, '131000', '廊坊');" href="javascript:void(0);">廊坊</a>
                                        <a onclick="setSearchCity(this, '150100', '呼和浩特');" href="javascript:void(0);">呼和浩特</a>
                                        <a onclick="setSearchCity(this, '230100', '哈尔滨');" href="javascript:void(0);">哈尔滨</a>
                                        <a onclick="setSearchCity(this, '330100', '杭州');" href="javascript:void(0);">杭州</a>
                                        <a onclick="setSearchCity(this, '340100', '合肥');" href="javascript:void(0);">合肥</a>
                                        <a onclick="setSearchCity(this, '360400', '九江');" href="javascript:void(0);">九江</a>
                                        <a onclick="setSearchCity(this, '370100', '济南');" href="javascript:void(0);">济南</a>
                                        <a onclick="setSearchCity(this, '421100', '黄冈');" href="javascript:void(0);">黄冈</a>
                                        <a onclick="setSearchCity(this, '440100', '广州');" href="javascript:void(0);">广州</a>
                                        <a onclick="setSearchCity(this, '450300', '桂林');" href="javascript:void(0);">桂林</a>
                                        <a onclick="setSearchCity(this, '460100', '海口');" href="javascript:void(0);">海口</a>
                                        <a onclick="setSearchCity(this, '511100', '乐山');" href="javascript:void(0);">乐山</a>
                                        <a onclick="setSearchCity(this, '520100', '贵阳');" href="javascript:void(0);">贵阳</a>
                                        <a onclick="setSearchCity(this, '530100', '昆明');" href="javascript:void(0);">昆明</a>
                                        <a onclick="setSearchCity(this, '530700', '丽江');" href="javascript:void(0);">丽江</a>
                                        <a onclick="setSearchCity(this, '540100', '拉萨');" href="javascript:void(0);">拉萨</a>
                                    </div>
                                    <div style="display: none" id="NQRS">
                                        <a onclick="setSearchCity(this, '130100', '石家庄');" href="javascript:void(0);">石家庄</a>
                                        <a onclick="setSearchCity(this, '130300', '秦皇岛');" href="javascript:void(0);">秦皇岛</a>
                                        <a onclick="setSearchCity(this, '210100', '沈阳');" href="javascript:void(0);">沈阳</a>
                                        <a onclick="setSearchCity(this, '310100', '上海');" href="javascript:void(0);">上海</a>
                                        <a onclick="setSearchCity(this, '320100', '南京');" href="javascript:void(0);">南京</a>
                                        <a onclick="setSearchCity(this, '320500', '苏州');" href="javascript:void(0);">苏州</a>
                                        <a onclick="setSearchCity(this, '330200', '宁波');" href="javascript:void(0);">宁波</a>
                                        <a onclick="setSearchCity(this, '350500', '泉州');" href="javascript:void(0);">泉州</a>
                                        <a onclick="setSearchCity(this, '360100', '南昌');" href="javascript:void(0);">南昌</a>
                                        <a onclick="setSearchCity(this, '370200', '青岛');" href="javascript:void(0);">青岛</a>
                                        <a onclick="setSearchCity(this, '371100', '日照');" href="javascript:void(0);">日照</a>
                                        <a onclick="setSearchCity(this, '440300', '深圳');" href="javascript:void(0);">深圳</a>
                                        <a onclick="setSearchCity(this, '450100', '南宁');" href="javascript:void(0);">南宁</a>
                                        <a onclick="setSearchCity(this, '460200', '三亚');" href="javascript:void(0);">三亚</a>
                                    </div>
                                    <div style="display: none" id="TWXYZ">
                                        <a onclick="setSearchCity(this, '120100', '天津');" href="javascript:void(0);">天津</a>
                                        <a onclick="setSearchCity(this, '130200', '唐山');" href="javascript:void(0);">唐山</a>
                                        <a onclick="setSearchCity(this, '140100', '太原');" href="javascript:void(0);">太原</a>
                                        <a onclick="setSearchCity(this, '320200', '无锡');" href="javascript:void(0);">无锡</a>
                                        <a onclick="setSearchCity(this, '350200', '厦门');" href="javascript:void(0);">厦门</a>
                                        <a onclick="setSearchCity(this, '370600', '烟台');" href="javascript:void(0);">烟台</a>
                                        <a onclick="setSearchCity(this, '371000', '威海');" href="javascript:void(0);">威海</a>
                                        <a onclick="setSearchCity(this, '410100', '郑州');" href="javascript:void(0);">郑州</a>
                                        <a onclick="setSearchCity(this, '420100', '武汉');" href="javascript:void(0);">武汉</a>
                                        <a onclick="setSearchCity(this, '433100', '湘西');" href="javascript:void(0);">湘西</a>
                                        <a onclick="setSearchCity(this, '442000', '中山');" href="javascript:void(0);">中山</a>
                                        <a onclick="setSearchCity(this, '450400', '梧州');" href="javascript:void(0);">梧州</a>
                                        <a onclick="setSearchCity(this, '610100', '西安');" href="javascript:void(0);">西安</a>
                                        <a onclick="setSearchCity(this, '630100', '西宁');" href="javascript:void(0);">西宁</a>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <label>
                                入住时间</label>
                            <input type="text" class="ipt_2" onclick="displaydate();" id="ruzhudate" value="yyyy-mm-dd" />
                            <asp:TextBox ID="ruzhudatevalue" runat="server" Style="display: none"></asp:TextBox>
                            <div class="rate_table" style="display: none" id="riqi">
                                <p>
                                    <em class="l_arrow" id="xiangqian" onclick="beforedate(this.id);"><a href="#"></a>
                                    </em><strong id="nowdate"></strong><em class="r_arrow" onclick="nextmonth();" style="cursor: hand">
                                        <a href="#" onclick="nextmonth();"></a></em>
                                </p>
                                <div id="contain">
                                </div>
                                <p>
                                    <a class="a_center" href="#" onclick="cleardate();">清除已选日期</a></p>
                            </div>
                        </li>
                        <li>
                            <label>
                                退房时间</label><input type="text" class="ipt_2" onclick="gettuifangdate();" id="ruzhudate1"
                                    value="yyyy-mm-dd" />
                            <asp:TextBox ID="ruzhudate1value" runat="server" Style="display: none"></asp:TextBox>
                            <div class="rate_table2" style="display: none" id="riqi1">
                                <p>
                                    <em class="l_arrow" id="xiangqian2" onclick="beforedate1(this.id);"><a href="#"></a>
                                    </em><strong><strong id="nowdate1"></strong></strong><em class="r_arrow" style="cursor: hand"
                                        onclick="nextmonth1();"><a href="#" onclick="nextmonth1();"></a></em>
                                </p>
                                <div id="contain1">
                                </div>
                                <p>
                                    <a class="a_center" href="#" onclick="cleardate();">清除已选日期</a></p>
                            </div>
                        </li>
                        <li>
                            <asp:LinkButton runat="server" class="search_1" OnClick="Search_Click" /></li>
                    </ul>
                </div>
                <div class="introduction">
                    <strong>独特的房间</strong> <span>四合院，客栈，别墅以及舒适的公寓在这里你都可以找到 </span><strong>旅行更经济</strong>
                    <span>比酒店更舒适的居住体验，价格却更加便宜 </span><strong>像当地人一样</strong> <span>在住宅区生活，而不是在旅游区，真正觉得自己是本地人
                    </span><strong>简单的预定</strong> <span>选择喜爱的房屋，查看可入住时间，直接就可预定 </span><strong>安全保障</strong>
                    <span>完善的安全系统和值得信赖的支付方式，保障您交易的安全 </span>
                </div>
                <div class="release">
                    已经有<strong>7000</strong>多房东在爱日租发布房屋信息 <a href="SendRoom.aspx"></a>
                </div>
            </div>
        </div>
        <div class="m_right">
            <div class="guangao">
            </div>
            <asp:ScriptManager ID="ScriptManager1" runat="server">
            </asp:ScriptManager>
            <div class="c_room">
                <div class="c_r_t">
                    <asp:UpdatePanel ID="UpdatePanel1" runat="server">
                        <ContentTemplate>
                            <strong>特价</strong> <span>房间</span>
                            <asp:LinkButton runat="server" CommandArgument="bj" CommandName="select" OnCommand="Unnamed2_Command">北京</asp:LinkButton>
                            <asp:LinkButton ID="LinkButton1" runat="server" CommandArgument="sh" CommandName="select"
                                OnCommand="Unnamed2_Command">上海</asp:LinkButton><asp:LinkButton ID="LinkButton2"
                                    runat="server" CommandArgument="nj" CommandName="select" OnCommand="Unnamed2_Command">南京</asp:LinkButton>
                            <asp:LinkButton ID="LinkButton3" runat="server" CommandArgument="xa" CommandName="select"
                                OnCommand="Unnamed2_Command">西安</asp:LinkButton>
                            <asp:LinkButton ID="LinkButton4" runat="server" CommandArgument="jl" CommandName="select"
                                OnCommand="Unnamed2_Command">吉林</asp:LinkButton>
                        </ContentTemplate>
                    </asp:UpdatePanel>
                </div>
                <div class="c_room" id="mydiv">
                    <p>
                    </p>
                    <div>
                        <ul style="float: left;" onmouseout="javascript:setClassOne(this)">
                            <li class="li_hover" onmouseover="javascript:setClass(this)">
                                <div style="display: none;">
                                    <span class="blue_1">
                                        <%=RoomTitle[0] %></span><span><%=Area[0] %></span><strong>¥<%=JiaGe[0] %></strong></div>
                                <div>
                                    <em><a href="Room.aspx?sendroomid=<%=sendroomid[0] %>">
                                        <img src="<%=imgurl[0] %>" title="<%=RoomTitle[0] %>" width="78" height="58" /></a></em>
                                    <p>
                                        <a href="Room.aspx?sendroomid=<%=sendroomid[0] %>">
                                            <%=RoomTitle[0] %></a> <span>
                                                <%=Adressdesc[0] %></span>
                                    </p>
                                    <strong>¥<%=JiaGe[0] %></strong></div>
                            </li>
                            <li onmouseover="javascript:setClass(this)">
                                <div>
                                    <span class="blue_1">
                                        <%=RoomTitle[1] %></span><span><%=Area[1] %></span><strong>¥<%=JiaGe[1] %></strong></div>
                                <div style="display: none;">
                                    <em><a href="Room.aspx?sendroomid=<%=sendroomid[1] %>">
                                        <img src="<%=imgurl[1] %>" title="<%=RoomTitle[1] %>" width="78" height="58" /></a></em>
                                    <p>
                                        <a href="Room.aspx?sendroomid=<%=sendroomid[1] %>">
                                            <%=RoomTitle[1] %></a> <span>
                                                <%=Adressdesc[1] %></span>
                                    </p>
                                    <strong>¥<%=JiaGe[1] %></strong></div>
                            </li>
                            <li onmouseover="javascript:setClass(this)">
                                <div>
                                    <span class="blue_1">
                                        <%=RoomTitle[2] %></span><span><%=Area[2] %></span><strong>¥<%=JiaGe[2] %></strong></div>
                                <div style="display: none;">
                                    <em><a href="Room.aspx?sendroomid=<%=sendroomid[2] %>">
                                        <img src="<%=imgurl[2] %>" title="<%=RoomTitle[2] %>" width="78" height="58" /></a></em>
                                    <p>
                                        <a href="Room.aspx?sendroomid=<%=sendroomid[2] %>">
                                            <%=RoomTitle[2] %></a> <span>
                                                <%=Adressdesc[2] %></span>
                                    </p>
                                    <strong>¥<%=JiaGe[2] %></strong></div>
                            </li>
                            <li onmouseover="javascript:setClass(this)">
                                <div>
                                    <span class="blue_1">
                                        <%=RoomTitle[3] %></span><span><%=Area[3] %></span><strong>¥<%=JiaGe[3] %></strong></div>
                                <div style="display: none;">
                                    <em><a href="Room.aspx?sendroomid=<%=sendroomid[3] %>">
                                        <img src="<%=imgurl[3] %>" title="<%=RoomTitle[3] %>" width="78" height="58" /></a></em>
                                    <p>
                                        <a href="Room.aspx?sendroomid=<%=sendroomid[3] %>">
                                            <%=RoomTitle[3] %></a> <span>
                                                <%=Adressdesc[3] %></span>
                                    </p>
                                    <strong>¥<%=JiaGe[3] %></strong></div>
                            </li>
                            <li onmouseover="javascript:setClass(this)">
                                <div>
                                    <span class="blue_1">
                                        <%=RoomTitle[4] %></span><span><%=Area[4] %></span><strong>¥<%=JiaGe[4] %></strong></div>
                                <div style="display: none;">
                                    <em><a href="Room.aspx?sendroomid=<%=sendroomid[4] %>">
                                        <img src="<%=imgurl[4] %>" title="<%=RoomTitle[4] %>" width="78" height="58" /></a></em>
                                    <p>
                                        <a href="Room.aspx?sendroomid=<%=sendroomid[4] %>">
                                            <%=RoomTitle[4] %></a> <span>
                                                <%=Adressdesc[4] %></span>
                                    </p>
                                    <strong>¥<%=JiaGe[4] %></strong></div>
                            </li>
                            <li onmouseover="javascript:setClass(this)">
                                <div>
                                    <span class="blue_1">
                                        <%=RoomTitle[5] %></span><span><%=Area[5] %></span><strong>¥<%=JiaGe[5] %></strong></div>
                                <div style="display: none;">
                                    <em><a href="Room.aspx?sendroomid=<%=sendroomid[5] %>">
                                        <img src="<%=imgurl[5] %>" title="<%=RoomTitle[5] %>" width="78" height="58" /></a></em>
                                    <p>
                                        <a href="Room.aspx?sendroomid=<%=sendroomid[5] %>">
                                            <%=RoomTitle[5] %></a> <span>
                                                <%=Adressdesc[5] %></span>
                                    </p>
                                    <strong>¥<%=JiaGe[5] %></strong></div>
                            </li>
                            <li onmouseover="javascript:setClass(this)">
                                <div>
                                    <span class="blue_1">
                                        <%=RoomTitle[6] %></span><span><%=Area[6] %></span><strong>¥<%=JiaGe[6] %></strong></div>
                                <div style="display: none;">
                                    <em><a href="Room.aspx?sendroomid=<%=sendroomid[6] %>">
                                        <img src="<%=imgurl[6] %>" title="<%=RoomTitle[6] %>" width="78" height="58" /></a></em>
                                    <p>
                                        <a href="Room.aspx?sendroomid=<%=sendroomid[6] %>">
                                            <%=RoomTitle[6] %></a> <span>
                                                <%=Adressdesc[6] %></span>
                                    </p>
                                    <strong>¥<%=JiaGe[6] %></strong></div>
                            </li>
                        </ul>
                        <ul style="float: left;" onmouseout="javascript:setClassOne(this)">
                            <li class="li_hover" onmouseover="javascript:setClass(this)">
                                <div style="display: none;">
                                    <span class="blue_1">
                                        <%=RoomTitle[7] %></span><span><%=Area[7] %></span><strong>¥<%=JiaGe[7] %></strong></div>
                                <div>
                                    <em><a href="Room.aspx?sendroomid=<%=sendroomid[7] %>">
                                        <img src="<%=imgurl[7] %>" title="<%=RoomTitle[7] %>" width="78" height="58" /></a></em>
                                    <p>
                                        <a href="Room.aspx?sendroomid=<%=sendroomid[7] %>">
                                            <%=RoomTitle[7] %></a> <span>
                                                <%=Adressdesc[7] %></span>
                                    </p>
                                    <strong>¥<%=JiaGe[7] %></strong></div>
                            </li>
                            <li onmouseover="javascript:setClass(this)">
                                <div>
                                    <span class="blue_1">
                                        <%=RoomTitle[8] %></span><span><%=Area[8] %></span><strong>¥<%=JiaGe[8] %></strong></div>
                                <div style="display: none;">
                                    <em><a href="Room.aspx?sendroomid=<%=sendroomid[8] %>">
                                        <img src="<%=imgurl[8] %>" title="<%=RoomTitle[8] %>" width="78" height="58" /></a></em>
                                    <p>
                                        <a href="Room.aspx?sendroomid=<%=sendroomid[8] %>">
                                            <%=RoomTitle[8] %></a> <span>
                                                <%=Adressdesc[8] %></span>
                                    </p>
                                    <strong>¥<%=JiaGe[8] %></strong></div>
                            </li>
                            <li onmouseover="javascript:setClass(this)">
                                <div>
                                    <span class="blue_1">
                                        <%=RoomTitle[9] %></span><span><%=Area[9] %></span><strong>¥<%=JiaGe[9] %></strong></div>
                                <div style="display: none;">
                                    <em><a href="Room.aspx?sendroomid=<%=sendroomid[9] %>">
                                        <img src="<%=imgurl[9] %>" title="<%=RoomTitle[9] %>" width="78" height="58" /></a></em>
                                    <p>
                                        <a href="Room.aspx?sendroomid=<%=sendroomid[9] %>">
                                            <%=RoomTitle[9] %></a> <span>
                                                <%=Adressdesc[9] %></span>
                                    </p>
                                    <strong>¥<%=JiaGe[9] %></strong></div>
                            </li>
                            <li onmouseover="javascript:setClass(this)">
                                <div>
                                    <span class="blue_1">
                                        <%=RoomTitle[10] %></span><span><%=Area[10] %></span><strong>¥<%=JiaGe[10] %></strong></div>
                                <div style="display: none;">
                                    <em><a href="Room.aspx?sendroomid=<%=sendroomid[10] %>">
                                        <img src="<%=imgurl[10] %>" title="<%=RoomTitle[10] %>" width="78" height="58" /></a></em>
                                    <p>
                                        <a href="Room.aspx?sendroomid=<%=sendroomid[10] %>">
                                            <%=RoomTitle[10] %></a> <span>
                                                <%=Adressdesc[10] %></span>
                                    </p>
                                    <strong>¥<%=JiaGe[10] %></strong></div>
                            </li>
                            <li onmouseover="javascript:setClass(this)">
                                <div>
                                    <span class="blue_1">
                                        <%=RoomTitle[11] %></span><span><%=Area[11] %></span><strong>¥<%=JiaGe[11] %></strong></div>
                                <div style="display: none;">
                                    <em><a href="Room.aspx?sendroomid=<%=sendroomid[11] %>">
                                        <img src="<%=imgurl[11] %>" title="<%=RoomTitle[11] %>" width="78" height="58" /></a></em>
                                    <p>
                                        <a href="Room.aspx?sendroomid=<%=sendroomid[11] %>">
                                            <%=RoomTitle[11] %></a> <span>
                                                <%=Adressdesc[11] %></span>
                                    </p>
                                    <strong>¥<%=JiaGe[11] %></strong></div>
                            </li>
                            <li onmouseover="javascript:setClass(this)">
                                <div>
                                    <span class="blue_1">
                                        <%=RoomTitle[12] %></span><span><%=Area[12] %></span><strong>¥<%=JiaGe[12] %></strong></div>
                                <div style="display: none;">
                                    <em><a href="Room.aspx?sendroomid=<%=sendroomid[12] %>">
                                        <img src="<%=imgurl[12] %>" title="<%=RoomTitle[12] %>" width="78" height="58" /></a></em>
                                    <p>
                                        <a href="Room.aspx?sendroomid=<%=sendroomid[12] %>">
                                            <%=RoomTitle[12] %></a> <span>
                                                <%=Adressdesc[12] %></span>
                                    </p>
                                    <strong>¥<%=JiaGe[12] %></strong></div>
                            </li>
                            <li onmouseover="javascript:setClass(this)">
                                <div>
                                    <span class="blue_1">
                                        <%=RoomTitle[13] %></span><span><%=Area[13] %></span><strong>¥<%=JiaGe[13] %></strong></div>
                                <div style="display: none;">
                                    <em><a href="Room.aspx?sendroomid=<%=sendroomid[13] %>">
                                        <img src="<%=imgurl[13] %>" title="<%=RoomTitle[13] %>" width="78" height="58" /></a></em>
                                    <p>
                                        <a href="Room.aspx?sendroomid=<%=sendroomid[13] %>">
                                            <%=RoomTitle[13] %></a> <span>
                                                <%=Adressdesc[13] %></span>
                                    </p>
                                    <strong>¥<%=JiaGe[13] %></strong></div>
                            </li>
                        </ul>
                    </div>
                </div>
            </div>
            <div class="tese_room">
                <div class="ts_room_t">
                </div>
                <div class="ts_room_m" id="center_div">
                    <div class="ts_romm_tale">
                        <p>
                            <strong><span class="color_red">特色</span></strong><span class="color_33">房间</span><em><a
                                href="#center_div" onclick="mydis()" id="change">换一 组看看</a></em>
                        </p>
                    </div>
                    <div class="room_show">
                        <ul id="img1" style="display: block">
                            <li><em><a href="Room.aspx?sendroomid=<%=TeSesendroomid[0] %>">
                                <img src="<%=TeSeimgurl[0] %>" title="<%=TeSeRoomTitle[0] %>" width="150" height="110" /></a></em>
                                <p>
                                    <a href="Room.aspx?sendroomid=<%=TeSesendroomid[0] %>">
                                        <%=TeSeRoomTitle[0] %>
                                    </a>[<%=TeSeArea[0]%>]</p>
                                <p>
                                    <strong>推荐理由：</strong><%=RecommendedReason[0]%></p>
                            </li>
                            <li><em><a href="Room.aspx?sendroomid=<%=TeSesendroomid[1] %>">
                                <img src="<%=TeSeimgurl[1] %>" title="<%=TeSeRoomTitle[1] %>" width="150" height="110" /></a></em>
                                <p>
                                    <a href="Room.aspx?sendroomid=<%=TeSesendroomid[1] %>">
                                        <%=TeSeRoomTitle[1] %>
                                    </a>[<%=TeSeArea[1]%>]</p>
                                <p>
                                    <strong>推荐理由：</strong><%=RecommendedReason[1]%></p>
                            </li>
                            <li><em><a href="Room.aspx?sendroomid=<%=TeSesendroomid[2] %>">
                                <img src="<%=TeSeimgurl[2] %>" title="<%=TeSeRoomTitle[2] %>" width="150" height="110" /></a></em>
                                <p>
                                    <a href="Room.aspx?sendroomid=<%=TeSesendroomid[2] %>">
                                        <%=TeSeRoomTitle[2] %>
                                    </a>[<%=TeSeArea[2]%>]</p>
                                <p>
                                    <strong>推荐理由：</strong><%=RecommendedReason[2]%></p>
                            </li>
                            <li><em><a href="Room.aspx?sendroomid=<%=TeSesendroomid[3] %>">
                                <img src="<%=TeSeimgurl[3] %>" title="<%=TeSeRoomTitle[3] %>" width="150" height="110" /></a></em>
                                <p>
                                    <a href="Room.aspx?sendroomid=<%=TeSesendroomid[3] %>">
                                        <%=TeSeRoomTitle[3] %>
                                    </a>[<%=TeSeArea[3]%>]</p>
                                <p>
                                    <strong>推荐理由：</strong><%=RecommendedReason[3]%></p>
                            </li>
                        </ul>
                        <ul id="img2" style="display: none">
                            <li><em><a href="Room.aspx?sendroomid=<%=TeSesendroomid[4] %>">
                                <img src="<%=TeSeimgurl[4] %>" title="<%=TeSeRoomTitle[4] %>" width="150" height="110" /></a></em>
                                <p>
                                    <a href="Room.aspx?sendroomid=<%=TeSesendroomid[4] %>">
                                        <%=TeSeRoomTitle[4] %>
                                    </a>[<%=TeSeArea[4]%>]</p>
                                <p>
                                    <strong>推荐理由：</strong><%=RecommendedReason[4]%></p>
                            </li>
                            <li><em><a href="Room.aspx?sendroomid=<%=TeSesendroomid[5] %>">
                                <img src="<%=TeSeimgurl[5] %>" title="<%=TeSeRoomTitle[5] %>" width="150" height="110" /></a></em>
                                <p>
                                    <a href="Room.aspx?sendroomid=<%=TeSesendroomid[5] %>">
                                        <%=TeSeRoomTitle[5] %>
                                    </a>[<%=TeSeArea[5]%>]</p>
                                <p>
                                    <strong>推荐理由：</strong><%=RecommendedReason[5]%></p>
                            </li>
                            <li><em><a href="Room.aspx?sendroomid=<%=TeSesendroomid[6] %>">
                                <img src="<%=TeSeimgurl[6] %>" title="<%=TeSeRoomTitle[6] %>" width="150" height="110" /></a></em>
                                <p>
                                    <a href="Room.aspx?sendroomid=<%=TeSesendroomid[6] %>">
                                        <%=TeSeRoomTitle[6] %>
                                    </a>[<%=TeSeArea[6]%>]</p>
                                <p>
                                    <strong>推荐理由：</strong><%=RecommendedReason[6]%></p>
                            </li>
                            <li><em><a href="Room.aspx?sendroomid=<%=TeSesendroomid[7] %>">
                                <img src="<%=TeSeimgurl[7] %>" title="<%=TeSeRoomTitle[7] %>" width="150" height="110" /></a></em>
                                <p>
                                    <a href="Room.aspx?sendroomid=<%=TeSesendroomid[7] %>">
                                        <%=TeSeRoomTitle[7] %>
                                    </a>[<%=TeSeArea[7]%>]</p>
                                <p>
                                    <strong>推荐理由：</strong><%=RecommendedReason[7]%></p>
                            </li>
                        </ul>
                        <ul id="img3" style="display: none">
                            <li><em><a href="Room.aspx?sendroomid=<%=TeSesendroomid[8] %>">
                                <img src="<%=TeSeimgurl[8] %>" title="<%=TeSeRoomTitle[8] %>" width="150" height="110" /></a></em>
                                <p>
                                    <a href="Room.aspx?sendroomid=<%=TeSesendroomid[8] %>">
                                        <%=TeSeRoomTitle[8] %>
                                    </a>[<%=TeSeArea[8]%>]</p>
                                <p>
                                    <strong>推荐理由：</strong><%=RecommendedReason[8]%></p>
                            </li>
                            <li><em><a href="Room.aspx?sendroomid=<%=TeSesendroomid[9] %>">
                                <img src="<%=TeSeimgurl[9] %>" title="<%=TeSeRoomTitle[9] %>" width="150" height="110" /></a></em>
                                <p>
                                    <a href="Room.aspx?sendroomid=<%=TeSesendroomid[9] %>">
                                        <%=TeSeRoomTitle[9] %>
                                    </a>[<%=TeSeArea[9]%>]</p>
                                <p>
                                    <strong>推荐理由：</strong><%=RecommendedReason[9]%></p>
                            </li>
                            <li><em><a href="Room.aspx?sendroomid=<%=TeSesendroomid[10] %>">
                                <img src="<%=TeSeimgurl[10] %>" title="<%=TeSeRoomTitle[10] %>" width="150" height="110" /></a></em>
                                <p>
                                    <a href="Room.aspx?sendroomid=<%=TeSesendroomid[10] %>">
                                        <%=TeSeRoomTitle[10] %>
                                    </a>[<%=TeSeArea[10]%>]</p>
                                <p>
                                    <strong>推荐理由：</strong><%=RecommendedReason[10]%></p>
                            </li>
                            <li><em><a href="Room.aspx?sendroomid=<%=TeSesendroomid[11] %>">
                                <img src="<%=TeSeimgurl[11] %>" title="<%=TeSeRoomTitle[11] %>" width="150" height="110" /></a></em>
                                <p>
                                    <a href="Room.aspx?sendroomid=<%=TeSesendroomid[11] %>">
                                        <%=TeSeRoomTitle[11] %>
                                    </a>[<%=TeSeArea[11]%>]</p>
                                <p>
                                    <strong>推荐理由：</strong><%=RecommendedReason[11]%></p>
                            </li>
                    </div>
                    <div id="demo" style="overflow: hidden; width: 100%; height: 70px;">
                        <table border="0" cellpadding="0" cellspacing="0">
                            <tr>
                                <td id="demo1">
                                    <table width="100%" height="69" border="0" cellpadding="0" cellspacing="0">
                                        <tr>
                                            <td class="evaluation">
                                                <p>
                                                    <em><a href="#">
                                                        <img src="<%=EvImageurl[0] %>" title="<%=EvName[0] %>" width="45" height="45" /></a></em>
                                                    <span>评价房间：<a href="Room.aspx?sendroomid=<%=EvSendRoomid[0] %>">“<%=EvRoomTitle[0]%>”</a></span>
                                                    <span>
                                                        <%=EvaluationContent[0] %></span>
                                                </p>
                                                <p>
                                                    <em><a href="#">
                                                        <img src="<%=EvImageurl[1] %>" title="<%=EvName[1] %>" width="45" height="45" /></a></em>
                                                    <span>评价房间：<a href="Room.aspx?sendroomid=<%=EvSendRoomid[1] %>">“<%=EvRoomTitle[1]%>”</a></span>
                                                    <span>
                                                        <%=EvaluationContent[1] %></span>
                                                </p>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="evaluation">
                                                <p>
                                                    <em><a href="#">
                                                        <img src="<%=EvImageurl[2] %>" title="<%=EvName[2] %>" width="45" height="45" /></a></em>
                                                    <span>评价房间：<a href="Room.aspx?sendroomid=<%=EvSendRoomid[2] %>">“<%=EvRoomTitle[2]%>”</a></span>
                                                    <span>
                                                        <%=EvaluationContent[2] %></span>
                                                </p>
                                                <p>
                                                    <em><a href="#">
                                                        <img src="<%=EvImageurl[3] %>" title="<%=EvName[3] %>" width="45" height="45" /></a></em>
                                                    <span>评价房间：<a href="Room.aspx?sendroomid=<%=EvSendRoomid[3] %>">“<%=EvRoomTitle[3]%>”</a></span>
                                                    <span>
                                                        <%=EvaluationContent[3] %></span>
                                                </p>
                                            </td>
                                        </tr>
                                        <tr>
                                            <td class="evaluation">
                                                <p>
                                                    <em><a href="#">
                                                        <img src="<%=EvImageurl[4] %>" title="<%=EvName[4] %>" width="45" height="45" /></a></em>
                                                    <span>评价房间：<a href="Room.aspx?sendroomid=<%=EvSendRoomid[4] %>">“<%=EvRoomTitle[4]%>”</a></span>
                                                    <span>
                                                        <%=EvaluationContent[4] %></span>
                                                </p>
                                                <p>
                                                    <em><a href="#">
                                                        <img src="<%=EvImageurl[5] %>" title="<%=EvName[5] %>" width="45" height="45" /></a></em>
                                                    <span>评价房间：<a href="Room.aspx?sendroomid=<%=EvSendRoomid[5] %>">“<%=EvRoomTitle[5]%>”</a></span>
                                                    <span>
                                                        <%=EvaluationContent[5] %></span>
                                                </p>
                                            </td>
                                        </tr>
                                    </table>
                                </td>
                            </tr>
                            <tr>
                                <td id="demo2">
                                </td>
                            </tr>
                        </table>
                    </div>
                </div>
                <div class="ts_room_b">
                </div>
            </div>
        </div>
        <div class="foot">
            <div class="city_Menu">
                <strong>热门城市</strong> <span><a href="RoomList.aspx?searchCityValue=北京">北京</a></span>
                <span><a href="RoomList.aspx?searchCityValue=天津">天津</a></span> <span><a href="RoomList.aspx?searchCityValue=秦皇岛">
                    秦皇岛</a></span> <span><a href="RoomList.aspx?searchCityValue=大连">大连</a></span>
                <span><a href="RoomList.aspx?searchCityValue=上海">上海</a></span> <span><a href="RoomList.aspx?searchCityValue=南京">
                    南京</a></span> <span><a href="RoomList.aspx?searchCityValue=苏州">苏州</a></span>
                <span><a href="RoomList.aspx?searchCityValue=杭州">杭州</a></span> <span><a href="RoomList.aspx?searchCityValue=厦门">
                    厦门</a></span> <span><a href="RoomList.aspx?searchCityValue=青岛">青岛</a></span>
                <span><a href="RoomList.aspx?searchCityValue=武汉">武汉</a></span> <span><a href="RoomList.aspx?searchCityValue=长沙">
                    长沙</a></span>
            </div>
        </div>
        </form>
    </div>

    <script>
        var speed = 100
        demo2.innerHTML = demo1.innerHTML
        demo.scrollTop = demo.scrollHeight
        var MyMar = setInterval(Marquee, speed)


        demo.onmouseover = function() { clearInterval(MyMar) }
        demo.onmouseout = function() { MyMar = setInterval(Marquee, speed) }
        function Marquee() {
            if (demo1.offsetTop - demo.scrollTop >= 0)
                demo.scrollTop += demo2.offsetHeight
            else {
                demo.scrollTop--
            }
        }
    </script>

</body>
</html>
